<?php
/**
 * gpa_new Description
 * @package 
 * @name register
 * @filesource register.php
 * @author Meta Sanjaya
 */
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title><?php echo $page_title; ?></title>
<script src="<?php echo getJsUrl(); ?>jquery.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?php echo getCssUrl(); ?>home/home.css" type="text/css">
<link rel="stylesheet" href="<?php echo getAppCssUrl(); ?>user.css" type="text/css">

<!-- start jQuery menu -->
<link type="text/css" href="<?php echo getCssUrl(); ?>menu_apycom/menu.css" rel="stylesheet" />
<script type="text/javascript" src="<?php echo getJsUrl(); ?>menu_apycom/menu.js"></script>
<!-- end of jQuery menu -->

<script type="text/javascript">
$(function(){
    function stopSubmit(e) {
        e.preventDefault();
        e.stopPropagation();
        return false;
    }
    
    $('#reg_form').submit(function(e){
        var username_match = /[^a-zA-Z0-9_]/;
        var username = $("#reg_username").val().toString();
        var password = $("#reg_pw1").val().toString();
        var password2 = $("#reg_pw2").val().toString();

        if(username.length < 4 || username.length > 20) {
            alert("Username must between 4 and 20 char!");
            return stopSubmit(e);
        }

        if(username.search(username_match) > -1) {
            alert("Username only letters and number and underscore!");
            return stopSubmit(e);
        }

        if(password.length < 6 || password.length > 15) {
            alert("Password must between 6 and 15 char!");
            return stopSubmit(e);
        }

        if(password != password2) {
            alert("Passwords didn't same!");
            return stopSubmit(e);
        }

        if(!$('#reg_agree').attr('checked')) {
            alert("You must agree to continue registration!");
            return stopSubmit(e);
        }
    });
});
</script>
</head>

    <body>
<div id="root">
    <div id="Table_01">
        <div id="index">
    	<div id="leftTop">
            <img class="logo" src="<?php echo getImgUrl(); ?>/home/logogpa.png" width="310" height="90" alt="Logo GPA">
        </div>
  		<div id="rightTop">
        	<div id="rTop">
            	<div class="login">
                	<div class="login-text">
                		<?php echo $usermenus; ?>
                    </div>
                    <div class="login-box">
                    	<input name="login-field" type="text" maxlength="30">
                    </div>
                </div>
            </div>
        	<div id="rBottom">
        		<div id="menu">
				<?php echo $mainmenus; ?>
                </div>
        	</div>
    	</div>
	</div>
        <div id="index002">
            <div class="content">
                <h3>Sign up for an GPA Photography account</h3>
                <div id="register-form">
                    <h4>What is GPA Photography?</h4>
                    <p>
                        GPA Photography is a dedicated art and photographic community. Everyone is welcome to contribute and share their photographs. GPA Photography is like a constantly evolving high class photo gallery with new art every day. We don't judge over good and bad. Like in many art galleries, you can buy the photos we have in our gallery as prints (hard copy) and hang them on the wall of your living room.
                    </p>
                    <h4>About you</h4>
                    <p>
                        The following information will not be visible to other members of the site. Make sure you fill in a correct e-mail address since it will be the only way for you to recover a lost password or communicate with site crew if your account is not working properly.
                    </p>
                    <form id="reg_form" name="reg_form" method="post" action="<?php echo getAppUrl(); ?>" enctype="multipart/form-data">
                    <table style="width:890px; background-color: #121212; border:1px solid #1a1a1a; padding: 5px;">
                        <tbody>
                            <tr>
                                <td width="150"><b>Your full name:</b></td>
                                <td>
                                    <input id="reg_fullname" name="reg_fullname" value="" class="textbox" style="width: 300px" type="text"/>
                                    &nbsp; &nbsp;
                                    <span id="firstnameinfo"></span>
                                </td>
                            </tr>
                            <tr>
                                <td><b>Your e-mail:</b></td>
                                <td><input id="reg_email" name="reg_email" value="" class="textbox" style="width: 300px" type="text"/>
                                    &nbsp; &nbsp;
                                    <span id="emailinfo"></span>
                                </td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><input id="reg_display_email" name="reg_display_email" value="1" type="checkbox"/>&nbsp;Display Email
                                    &nbsp; &nbsp;
                                    <span id="emailinfo"></span>
                                </td>
                            </tr>
                        </tbody>
                    </table>

                    <h4>Screen name and username</h4>
                    <p>
                        This information will be visible to other members of the site. The screen name can be either your full name, or your nickname.
                        The username will be visible in the URL (address) to your profile/homepage on GPA Photography.
                    </p>
                    <table style="width:890px; background-color: #121212; border:1px solid #1a1a1a; padding: 5px;">
                        <tbody>
                            <tr>
                                <td width="150"><b>Screen name:</b></td>
                                <td width="320">
                                    <input id="reg_screenname" name="reg_screenname" value="" class="textbox" style="width: 300px;" type="text">
                                </td>
                                <td>
                                    <span id="screennameinfo"></span><span id="usefullname" style="display: none;"><a href="javascript:void(0)" onclick="document.getElementById('reg_screenname').value = document.getElementById('reg_firstname').value + ' ' + document.getElementById('reg_surname').value;validateScreenname();document.getElementById('usefullname').style.display = 'none';" style="border-bottom: 1px dotted rgb(68, 68, 68);">Click here to use full name</a></span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <b>Username:</b>
                                </td>
                                <td style="font-size: 9px">
                                    <!--http:// --><input id="reg_username" name="reg_username" maxlength="20" value="" class="textbox" style="width: 150px;" type="text"/><!-- .gpaphotography.com-->
                                </td>
                                <td>
                                    <span id="usernameinfo" style="font-size: 10px;">Only letters, numbers and underscores allowed. 4-20 characters.</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <h4>Password</h4>
                    <p>
                      Your password will be encrypted and the crew cannot give it to you if you lose it. The only way to reset a password is by providing a correct e-mail address and then using the password retrival feature.
                      Never give your password to anyone. We will never ask you for your password! If you suspect it is in the wrong hands, immediately notify the site crew and reset your password at the login page.
                   </p>
                   <table style="width:890px; background-color: #121212; border:1px solid #1e1e1e; padding: 5px;">
                       <tbody>
                           <tr>
                               <td width="150">
                                   <b>Password:</b>
                               </td>
                               <td width="320">
                                   <input id="reg_pw1" name="reg_pw1" class="textbox" style="width: 300px;" type="password">
                               </td>
                               <td>
                                   <span id="pw1info" style="font-size: 10px;">Must be at least 6 characters, no more than 15 characters.</span>
                               </td>
                           </tr>
                           <tr>
                               <td width="150">
                                   <b>Repeat password:</b>
                               </td>
                               <td width="320">
                                   <input id="reg_pw2" name="reg_pw2" class="textbox" style="width: 300px;" type="password">
                               </td>
                               <td>
                                   <span id="pw2info"></span>
                               </td>
                           </tr>
                       </tbody>
                   </table>

                   <h4>Public information</h4>
                   <p>
                       These fields include information about you that will be visible to all members on your profile. Only country must be filled in.
                   </p>
                   <table>
                       <tbody>
                           <tr>
                               <td width="150">
                                   <b>Country:</b>
                               </td>
                               <td width="320">
                                   <select id="reg_country" name="reg_country" class="dark">
                                       <option value="">-- Please select country --</option>
                                       <option value="Indonesia">Indonesia</option>
                                   </select>
                               </td>
                               <td>
                                   <span id="countryinfo"></span>
                               </td>
                           </tr>
                           <tr>
                               <td>
                                   <b>Province:</b>
                               </td>
                               <td width="320">
                                   <input id="reg_province" name="reg_province" class="textbox" style="width: 300px;" type="text">
                               </td>
                               <td>

                               </td>
                           </tr>
                           <tr>
                               <td>
                                   <b>Town:</b>
                               </td>
                               <td width="320">
                                   <input id="reg_town" name="reg_town" class="textbox" style="width: 300px;" type="text">
                               </td>
                               <td>

                               </td>
                           </tr>
                           <tr>
                               <td>
                                   <b>Homepage:</b>
                               </td>
                               <td width="320">
                                   <input id="reg_homepage" name="reg_homepage" class="textbox" style="width: 300px;" value="http://" type="text">
                               </td>
                               <td>

                               </td>
                           </tr>
                       </tbody>
                   </table>
                   <h3>ID Verification</h3>
                   <a href="javascript:void(0)" onclick="$('#verify-id').hide()">Skip Verification</a>
                   <div id="verify-id" style="">
                   <br/>
                   <table border="0" style="width:890px; background-color: #121212; border:1px solid #1e1e1e; padding: 5px;">
                       <tr>
                           <td>
                           <table width="100%" border="0" cellpadding="0">
                               <tbody>
                                   <tr>
                                       <td>
                                           <h3>Identity (Indonesia : KTP) Verification</h3>

                                           <p>Although GPAPhotography.com is online media, but the community is not GPAPhotography.com
                                               virtual communities and unclear. Some members never met face GPAPhotography.com
                                               and activities together. Some of the other is a professional photographer or a journalist
                                               whose work we often encounter in various media. The work was uploaded to GPAPhotography.com
                                               not just idly by, but rather as works of photography who want to
                                               shared and criticized together. At each work uploaded, inherent rights of creative works
                                               intellectual property owned by his photographer. GPAPhotography.com very uphold the rights
                                               these works. Therefore, we urge you to upload your self-identity
                                               (ID Card (Indonesia : KTP) or Passport) account, and include full name according to your identity card.
                                           </p>
                                           
                                           <p>Identity that you can upload only ID (Indonesia : KTP) or Passport. Upload in a measure that can be read easily. The maximum length is 500 pixels, in JPG format.</p>

                                           <h4>Upload Your ID Card (Indonesia : KTP)</h4>

                                           <p>Before you upload a copy of your ID card (Indonesia : KTP), change your name first as it appears on your identity card.
                                               Once the verification process is approved by GPAPhotography.com Administrator, you can no longer change your name.
                                           </p>
                                               <input name="reg_idcard" size="50" type="file"><br/>
                                               <br/> types of files: JPG, the maximum size of 300 KB. <br/>
                                               You simply upload one side of your identity card that contains your name.
                                               <br/> Do not upload a copy of identity card which has been disguised by the process of digital though. We're going to reject it!
                                               <br/>
                                           
                                           <p> <b> Description: </b> </p> GPAPhotography.com Administrator <p> ensure that the data you submit will only be used for identification purposes
                                                   members GPAPhotography.com, and is not used for other purposes, and will not be provided to third parties
                                                   for any reason.
                                               </p>
                                       </td>
                                   </tr>
                               </tbody>
                           </table>
                           </td>
                       </tr>
                   </table>
                   </div>
                   
                   <br/><br/>

                   <h4>User agreement</h4>
                   <textarea readonly="readonly" style="border: 2px solid rgb(17, 17, 17); padding: 5px; background: rgb(10, 10, 10) none repeat scroll 0% 0%; width: 700px; height: 200px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(170, 170, 170); padding:5px;">
1. RULES FOR ALL MEMBERS

1.1 You are only permitted to have one account. If your account is banned, you have to wait for the ban to release before you can login again.

1.2 This is a site for serious photography. Uploading anything illegal or offending will cause a permanent ban.

1.3 You must be the photographer and have the copyright, or at least the permission of the copyright holder to use it for this purpose, of the photos you upload.

1.4 Keep your password safe and don't let anyone have it. If you believe that you lost your password, contact the site crew.

1.5 Your e-mail must be valid!

1.6 We encourage you to comment on other's photos - both good and bad is welcome. If you don't like the photo, only write a comment if you give constructive tips on how to improve it. Always use a polite language, never write in anger and don't insult anyone. Be sensible when you write critique and be careful not to hurt anyone's feelings.

1.7 When writing in the forum always use a friendly language, like stated in 1.6. When writing in the photo critique forum always give specific reasons how the photo can be improved. Don't just write that you like or dislike the photo, explain why you think that.

1.8 It is not allowed to question the screener's decision to accept or reject a photo from another member, in photo comments and the forum. If you disagree about the rejection of one of your photos, send an email to the site crew instead, carefully explaning the qualities of your photo.

1.9 Linking to photos on GPAPhotography.com is only allowed by following the rules and using the code provided in "Link to photos from GPAPhotography.com". This information can be found below every photo and in "Account". Adding this code somewhere on a site on the Internet will result in a thumbnail of the photo, which if it's clicked will lead to the GPAPhotography.com website. By registering you agree, that thumbnails of your photos can be displayed in such links.

1.10 Violation of any of the rules above will lead to a warning. Further abuse will lead to a time-limited ban. If the abuse continues after that the user will be permanently banned and IP-banned. Any payments for premium membership will not be refunded if a user is banned. If the violation of the rules is serious and obvious the user's account will be closed immediately.

2. PRIVATE INFORMATION AND UPLOADED PHOTOS

2.1 Uploaded photos and your personal information will be stored on our servers and in our database and displayed on GPAPhotography.com and nowords.nu. Your personal information can not be changed or removed, and your uploaded pictures will not be deleted, without the consent of the site crew. Your email address will not be shared with anyone except the site crew.

2.2 If you wish to end your membership, all your uploaded photos will be deleted after three months, but you won't be able to come back if you change your mind.

2.3 GPA Photography uses cookies to store session information to keep you logged in.

3. DISCLAIMER OF WARRANTIES AND LIMITATION OF LIABILITY

3.1 GPA Photography can not be held responsible if the site is unavailable, any errors occur or if you lose data.

3.2 GPA Photography can not be held responsible if you are caused any damage or loss, economical or other, by using this site or any of our services.

3.3 The person uploading a photo is responsible if he/she is not the copyright holder and this causes a copyright infringement, or if the photo includes illegal, defamatory or slandering content. GPA Photography can not be held responsible, however such content will be removed upon request.

3.4 The person writing comments on photos or in the forum is responsible for any illegal, defamatory or slandering text. GPA Photography can not be held responsible, however such content will be removed upon request.

3.5 Payment made for extra services, like bronze membership, is not refundable.

3.6 Any photo, photocomment and forumpost can be deleted at any time and any reason, by the site crew.

3.7 You agree with the fact the administration have the right to change the GPA Photography rules at any moment.
                   </textarea>
                   <br/><br/>
                   <table border="0">
                       <td width="10">
                           <input id="reg_agree" name="reg_agree" type="checkbox" value="1"/>
                       </td>
                       <td>
                           I accept to the user agreement <span id="agreeinfo"></span>
                       </td>
                   </table>
                   <br/>
                   <table border="0">
                       <tbody><tr>
                               <td width="150">
                                   <div id="createbutton"><input value="Create Account" class="submit" type="submit"></div>
                               </td>
                               <td><span id="buttoninfo"></span></td>
                           </tr>
                       </tbody>
                   </table>
                   </form>
                </div>
            </div>
	</div>
    </div>
</div>
    	<a id="thanks" href="http://apycom.com/">Apycom jQuery Menus</a>
    </body>
</html>